<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="./css/index.css" />
    <link rel="stylesheet" href="./font/iconfont.css" />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/font_2902179_1osvui6xykf.css"
    />
    <link
      rel="stylesheet"
      href="https://at.alicdn.com/t/font_2901979_0hrrev07luj.css"
    />
    <link rel="stylesheet" href="css/detail.css" />
    <script src="./js/jquery-3.5.1.min.js"></script>
    <script src="./js/enlarge.js"></script>
    <script src="./layer/layer.js"></script>
  </head>
  <body>
    <div class="header">
      <div class="center">
        <div class="left">
          <ul>
            <li>
              <a href="#">考拉欢迎您</a>
            </li>
            <li class="denglu">
              <a href="./login.html">登录</a>
            </li>
            <li class="zhuce">
              <a href="./regeister.html">免费注册</a>
            </li>
            <li>
              <a href="#">手机考拉</a>
              <div class="two_list">
                <div>
                  <img src="./img/erweima1.png" alt="" />
                </div>
                <p>新用户下载APP</p>
                <p>领10元无门蓝券</p>
              </div>
            </li>
          </ul>
        </div>
        <div class="right">
          <ul>
            <li>
              <a href="#">每日签到</a>
            </li>
            <li>
              <a href="#">我的订单</a>
            </li>
            <li>
              <a href="#">个人中心</a>
              <i class="iconfont icon-xiajiantou"></i>
            </li>
            <li>
              <a href="#">客户服务</a>
              <i class="iconfont icon-xiajiantou"></i>
            </li>
            <li>
              <a href="#">充值中心</a>
              <i class="iconfont icon-xiajiantou"></i>
            </li>
            <li>
              <a href="#">消费者权益</a>
              <i class="iconfont icon-xiajiantou"></i>
            </li>
            <li>
              <a href="#">更多</a>
              <i class="iconfont icon-xiajiantou"></i>
            </li>
            <li>
              <a href="#">视频内容</a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div class="logo">
      <div class="center">
        <div class="left_logo">
          <a href="./index.html">
            <img src="./img/logo.png" alt="" />
          </a>
        </div>
        <div class="search">
          <i class="iconfont icon-sousuo"></i>
          <input type="text" name="" id="" placeholder="飞利浦电动牙刷" />
          <div class="sousuo">
            <i class="iconfont icon-sousuo xx"></i>
          </div>
        </div>
        <div class="gouwuche">
          <div class="shop_cart">
            <i class="iconfont icon-gouwuche2"></i>
            <a href="./shop_cart.html">购物车</a>
          </div>
        </div>
      </div>
    </div>
    <div class="logo xuanfu">
      <div class="center">
        <div class="left_logo">
          <a href="./index.html">
            <img src="./img/logo.png" alt="" />
          </a>
        </div>
        <div class="search">
          <i class="iconfont icon-sousuo"></i>
          <input type="text" name="" id="" placeholder="飞利浦电动牙刷" />
          <div class="sousuo">
            <i class="iconfont icon-sousuo xx"></i>
          </div>
        </div>
        <div class="gouwuche">
          <div class="shop_cart">
            <i class="iconfont icon-gouwuche2"></i>
            <a href="./shop_cart.html">购物车</a>
          </div>
        </div>
      </div>
    </div>
    <div class="box">
      <div class="enlarge fl">
        <div class="middle">
          <img src="" alt="" class="img" />
          <div class="mask"></div>
          <div class="big">
            <img src="" alt="" class="img" />
          </div>
        </div>
        <div class="small">
          <img class="active img" src="" alt="" />
          <img src="" alt="" class="img1" />
          <img src="" alt="" class="img2" />
        </div>
      </div>
      <p class="title"></p>
      <button class="btn1 addCart">
        <i class="iconfont icon-gouwuche2"></i>
        加入购物车
      </button>
      <button>
        <a href="./shop_cart.html">立即购买</a>
      </button>
    </div>
  </body>
  <script src="./js/detail.js"></script>
  <script>
    var e = new Enlarge();
    // console.log(e);
    e.event();
  </script>
</html>
